<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>向往的生活家—后台管理</title>
		<link rel="stylesheet" href="/css/x-admin.css">
		<link rel="stylesheet" href="/static/layui/css/layui.css" />
		<link rel="stylesheet" href="/static/layer/skin/layer.css" />
		<link rel="stylesheet" href="/css/font.css" />
		<link rel="stylesheet" href="/css/common.css" />
		<link rel="stylesheet" href="/css/curse.css" />
		<link rel="stylesheet" href="/css/font-awesome.min.css" />
		<link rel="stylesheet" href="/css/Sales_Report_personal.css" />
		<link rel="stylesheet" href="/css/datetime.css" />
		<link rel="stylesheet" href="/css/list.css" />
		<link rel="stylesheet" href="/css/dateRange.css" />
		<link rel="stylesheet" href="/css/gl.css" />

		<link rel="stylesheet" href="/css/client_information.css" />
		<script type="text/javascript" src="/js/jquery.min.js"></script>
		<script type="text/javascript" src="/static/layui/layui.js"></script>
		<script type="text/javascript" src="/static/layer/layer.js"></script>
		<script type="text/javascript" src="/js/x-layui.js"></script>

		<script type="text/javascript" src="/js/bkwcrm.js"></script>
		<script type="text/javascript" src="/js/dateRange.js"></script>
		<script type="text/javascript" src="/js/base.js"></script>
		<script type="text/javascript" src="/js/cookie.js"></script>
		<script type="text/javascript" src="/js/common.js" ></script>
		<!-- swiper-4.1.0图片轮播 -->
		<link type="text/css" rel="stylesheet" href="/static/swiper/swiper-4.1.0.min.css"/>
		<script type="text/javascript" src="/static/swiper/swiper-4.1.0.min.js"></script>

		<script type="text/javascript" src="/js/page.js?version=20181212"></script>
		<script type="text/javascript" src="/js/usermanage/user_info_new.js?version=20181212"></script>
		<style>
			html,
			body {
				overflow-y: visible;
			}
			.iconfont{
			    font-size: 13px;
			}
			tbody img{
				height: 20px;
			}
			.layui-btn {
				line-height: 38px;
				padding: 0 10px;
			}
			
			#biuuu_city_list a {
				color: black;
			}
			
			.caiwu_bar ul li {
				width: 80px;
				font-size: 13px;
			}
			
			.layui-form-item h3 {
				font-size: 20px;
				color: #2e2e2e;
				line-height: 30px;
			}
			
			.layui-form-item span.title {
				color: #2e2e2e;
				font-size: 18px;
				margin-left: 24px;
				line-height: 40px;
			}
			
			.layui-form-item .textarea {
				padding: 6px 10px;
				width: 500px;
				height: 100px;
				line-height: 26px;
				color: #666;
				font-size: 14px;
				border: 1px solid #dedede;
				margin-top: 4px;
			}
			.ys {
				margin-top: 9px;
				width: 55px;
			}
            /*操作一栏样式*/
            .biuuu_city_list a:first-child {
                padding-left: 0px;
            }
            .biuuu_city_list a {
                color: #2176da !important;
                cursor: pointer;
                padding-left: 5px;
                padding-right: 5px;
            }
            /*评论信息 轮播图展示信息*/
            .swiper-container {
                width: 600px;
                height: 300px;
            }

            .prev_swiper {
                left: 30px;
            }

            .next_swiper {
                right: 30px;
            }
            /*swiper 轮播图显示*/
            .jilu_swiper .swiper-slide img {
                display: inline-block;
                position: relative;
                top: 50%;
                transform: translateY(-50%);
            }

            .photo_layer .layui-layer-phimg {
                height: 100%
            }
            .photo_layer img {
                max-height: 100%;
                display: block;
                margin: 0 auto;
            }
            .jilu_swiper .swiper-slide img {
                display: inline-block;
                position: relative;
                top: 50%;
                transform: translateY(-50%);
            }
		</style>
	</head>

	<body>
		<div class="x-body">

			<div class="iframe_wrap">
				<!--销售工作报表-->
				<div style="border-bottom:0;" class="curse_tit">
					<span id="client_name" class="curse_tit_name">18723577102客户详情</span>
				</div>

				<div style="margin-bottom:0;text-align: left;" class="crm_tab_wrap">
					<ul class="crm_tab">
						<li class="crm_tab_action">
							<a id="basic_info" data="client_0" href="javascript:void(0)" class="choice_tab_a">基本信息</a>
						</li>
						<li>
							<a id="tailor_made" data="client_1" href="javascript:void(0)">定&nbsp;制&nbsp;游</a>
						</li>
						<li>
							<a id="discuss" data="client_2" href="javascript:void(0)">评论信息</a>
						</li>
						<li>
							<a id="collect" data="client_3" href="javascript:void(0)">收藏信息</a>
						</li>
					</ul>
					<i class="crm_tab_line"></i>

				</div>

				<!--主体内容 start-->
				<!--商家信息-->
				<div id="client_0" class="crm_tab_content">
					<table class="client_table" style="width: 100%;">
						<tbody>
							<!--第一排-->
							<tr>
								<td>
									<span class="client_name">用&nbsp;户&nbsp;名：</span>
									<span id="cusername"></span>
								</td>
								<td>
									<span class="client_four">性&nbsp;&nbsp;别：</span>
									<input class="client_int" type="text" name="" id="csex" value="">
									<div class="client_tool">
										<a href="javascript:userinfo('sex','csex','1');">保存</a>
										<a class="cancel" href="javascript:void(0);">取消</a>
									</div>
								</td>
								<td>
									<span class="client_sed">手&nbsp;&nbsp;机：</span>
									<input class="client_int" type="text" name="" id="ctel" value="">
									<div class="client_tool">
										<a href="javascript:userinfo('tel','ctel','1');">保存</a>
										<a class="cancel" href="javascript:void(0);">取消</a>
									</div>
								</td>
							</tr>
							<!-- 第二排 -->
							<tr>
								<td>
									<span class="client_sed">姓&nbsp;&nbsp;名：</span>
									<span id="crealName"></span>
								</td>
								<td>
									<span class="client_four">邮&nbsp;&nbsp;箱：</span>
									<input class="client_int" type="text" name="" id="cemail" value="">
									<div class="client_tool">
										<a href="javascript:userinfo('email','cemail','1');">保存</a>
										<a class="cancel" href="javascript:void(0);">取消</a>
									</div>
								</td>
								<td>
									<span class="client_sed">注册时间：</span>
									<span id="ccreatetime">2018-10-20</span>
								</td>
							</tr>
						</tbody>
					</table>

					<div class="remarks">
						<div>
							<span>兴趣爱好（主题）：</span>
							<ul class="mainRemarks themeRemarks" id="themeRemarks"
								style="width: 87%;margin-bottom: 10px;">

							</ul>
							<div style="clear: both;"></div>
							<span>兴趣爱好（游玩）：</span>
							<ul class="sysremarkRemarks playRemarks" id="playRemarks"
								style="width: 87%;margin-bottom: 10px;">

							</ul>
							<div style="clear: both;"></div>
						</div>
					</div>

				</div>

				<!--定制游-->
				<div id="client_1" class="crm_tab_content" style="display: none;">

                    <table class="layui-table">
                        <thead>
                        <tr>
                            <th style="width: 8%;">
                                <div class="curse_list table_ulwrap">
                                    <div class="titlist_wrap_tit_table my_clienttable">
                                        <span class="type_select" id="type_select_name" value="">挑选类型</span>
                                        <i class="icon-angle-down tittalecon"></i>
                                    </div>
                                    <ul class="table_ul  my_select_ul" id="type_select_ul">
                                        <li value=""><a>全部</a></li>
                                        <li value="1"><a>挑选农家</a></li>
                                        <li value="2"><a>挑选景区</a></li>
                                    </ul>
                                </div>
                            </th>
                            <th style="width: 5%;">用户名</th>
                            <th style="width: 5%;">姓名</th>
                            <th style="width: 10%;">联系方式</th>
                            <th style="width: 10%;">
                                <div class="curse_list table_ulwrap">
                                    <div class="titlist_wrap_tit_table my_clienttable">
                                        <span class="category_select" id="category_select_name" value="">定制类别</span>
                                        <i class="icon-angle-down tittalecon"></i>
                                    </div>
                                    <ul class="table_ul  my_select_ul" id="category_select_ul">
                                        <li value=""><a>全部</a></li>
                                        <li value="1"><a>私人定制</a></li>
                                        <li value="2"><a>团队定制</a></li>
                                    </ul>
                                </div>
                            </th>
                            <th style="width: 10%;">
                                <div class="curse_list table_ulwrap">
                                    <div class="titlist_wrap_tit_table my_clienttable">
                                        <span class="datasource_select" id="datasource_select_name" value="">数据来源</span>
                                        <i class="icon-angle-down tittalecon"></i>
                                    </div>
                                    <ul class="table_ul my_select_ul" id="datasource_select_ul">
                                        <li value=""><a>全部</a></li>
                                        <li value="0"><a>管理系统</a></li>
                                        <li value="1"><a>前端官网</a></li>
                                    </ul>
                                </div>
                            </th>
                            <th style="width: 10%;">匹配农家/景区</th>
                            <th style="width: 10%;" class="pick_list_sort_tab" value="cust_custom_time">
                                定制时间
                                <i class="icon_downs createcolor1 sortfildshiti"
                                   tp="QuestionNum_Y" name="desc"></i>
                            </th>
                            <th style="width: 5%;">操作</th>
                        </tr>
                        </thead>
                        <tbody class="biuuu_city_list" id="my_pick_list">

                        </tbody>
                    </table>

				</div>
				
				<!--评论信息-->
				<div id="client_2" class="crm_tab_content" style="display: none;">
					
					<div class="caiwu_bar" id="discuss_caiwu_bar">
						<ul>
							<li data="discuss_list1" class="caiwu_bar_choice newaccountname" id="discuss_plnj">评论农家记录</li>
							<li data="discuss_list2" class="newaccountname" id="discuss_pljq">评论景区记录</li>
						</ul>
					</div>
					
					<!--评论农家记录-->
					<div id="discuss_list1" class="discuss_caiwu_list" style="text-align: left;display: block;">
						<table class="layui-table">
							<thead>
								<tr>
									<!--<th style="width: 10%;">-->
										<!--<div class="curse_list table_ulwrap">-->
					                        <!--<div class="titlist_wrap_tit_table my_clienttable">-->
					                            <!--<span class="discuss_farm_select" id="discuss_farm_name">农家类型</span>-->
					                            <!--<i class="icon-angle-down tittalecon"></i>-->
					                        <!--</div>-->
					                        <!--<ul class="table_ul my_select_ul farm_Mertype" id="discuss_farm_type_ul">-->

					                        <!--</ul>-->
					                    <!--</div>-->
									<!--</th>-->
									<th style="width: 10%;">农家类型</th>
									<th style="width: 10%;">企业名称</th>
									<th style="width: 10%;">游客用户名</th>
									<th style="width: 10%;">评价分数</th>
									<th style="width: 30%;">评价内容</th>
									<th style="width: 10%;">评价印象</th>
									<th style="width: 10%;">评价图片</th>
									<th style="width: 5%;" class="discus_farm_list_sort_tab" value="farm_discus_createtime">评价时间
										<i class="icon_downs createcolor1 sortfildshiti"
                                           tp="QuestionNum_Y" name="desc"></i>
									</th>
									<th style="width: 3%;">操作</th>
							</thead>
							<tbody class="biuuu_city_list" id="discuss_farm_list">

							</tbody>
						</table>
					</div>
					
					<!--评论景区记录-->
					<div id="discuss_list2" class="discuss_caiwu_list client_hide">
						<table class="layui-table">
							<thead>
								<tr>
									<!--<th style="width: 10%;">-->
										<!--<div class="curse_list table_ulwrap">-->
					                        <!--<div class="titlist_wrap_tit_table my_clienttable">-->
					                            <!--<span class="discuss_tour_select" id="discuss_tour_name">景区类型</span>-->
					                            <!--<i class="icon-angle-down tittalecon"></i>-->
					                        <!--</div>-->
					                        <!--<ul class="table_ul my_select_ul tour_type_ul"-->
                                                <!--id="discuss_tour_type_ul">-->
					                        <!--</ul>-->
					                    <!--</div>-->
									<!--</th>-->
									<th style="width: 10%;">景区类型</th>
									<th style="width: 10%;">企业名称</th>
									<th style="width: 10%;">游客用户名</th>
									<th style="width: 10%;">评价分数</th>
									<th style="width: 30%;">评价内容</th>
									<th style="width: 10%;">评价印象</th>
									<th style="width: 10%;">评价图片</th>
									<th style="width: 5%;" class="discuss_scenic_list_sort_tab" value="scenic_discus_createtime">评价时间
										<i class="icon_downs createcolor1 sortfildshiti" tp="QuestionNum_Y"
                                           name="desc"></i>
									</th>
									<th style="width: 3%;">操作</th>
							</thead>
							<tbody class="biuuu_city_list"  id="discuss_scenic_list">

							</tbody>
						</table>

					</div>
					
				</div>
				
				<!--收藏信息-->
				<div id="client_3" class="crm_tab_content" style="display: none;">
					
					<div class="caiwu_bar" id="collect_caiwu_bar">
						<ul>
							<li data="collect_list1" class="caiwu_bar_choice newaccountname" id="collect_plnj">收藏农家记录</li>
							<li data="collect_list2" class="newaccountname" id="collect_pljq">收藏景区记录</li>
						</ul>
					</div>
					
					<!--收藏农家记录-->
					<div id="collect_list1" class="collect_caiwu_list" style="text-align: left;display: block;">
						<table class="layui-table">
							<thead>
								<tr>
									<!--<th style="width: 10%;">-->
										<!--<div class="curse_list table_ulwrap">-->
					                        <!--<div class="titlist_wrap_tit_table my_clienttable">-->
					                            <!--<span class="collect_farm_select" id="collect_farm_name">农家类型</span>-->
					                            <!--<i class="icon-angle-down tittalecon"></i>-->
					                        <!--</div>-->
					                        <!--<ul class="table_ul my_select_ul farm_Mertype"-->
                                                <!--id="collect_farm_type_ul">-->

					                        <!--</ul>-->
					                    <!--</div>-->
									<!--</th>-->
                                    <th style="width: 10%;">农家类型</th>
									<th style="width: 10%;">企业名称</th>
									<th style="width: 10%;">游客用户名</th>
									<th style="width: 5%;" class="collect_farm_list_sort_tab" value="farm_collect_createtime">收藏时间
										<i class="icon_downs createcolor1 sortfildshiti" tp="QuestionNum_Y"
                                           name="desc"></i>
									</th>
									<th style="width: 3%;">操作</th>
							</thead>
							<tbody class="biuuu_city_list" id="collect_farm_list">

							</tbody>
						</table>

					</div>
					
					<!--收藏景区记录-->
					<div id="collect_list2" class="collect_caiwu_list client_hide">
						<table class="layui-table">
							<thead>
								<tr>
									<!--<th style="width: 10%;">-->
										<!--<div class="curse_list table_ulwrap">-->
					                        <!--<div class="titlist_wrap_tit_table my_clienttable">-->
					                            <!--<span class="collect_tour_select" id="collect_tour_name">景区类型</span>-->
					                            <!--<i class="icon-angle-down tittalecon"></i>-->
					                        <!--</div>-->
					                        <!--<ul class="table_ul my_select_ul tour_type_ul" id="collect_tour_type_ul">-->

					                        <!--</ul>-->
					                    <!--</div>-->
									<!--</th>-->
                                    <th style="width: 10%;">景区类型</th>
									<th style="width: 10%;">企业名称</th>
									<th style="width: 10%;">游客用户名</th>
									<th style="width: 5%;" class="collect_scenic_list_sort_tab" value="scenic_collect_createtime">收藏时间
										<i class="icon_downs createcolor1 sortfildshiti" tp="QuestionNum_Y"
                                           name="desc"></i>
									</th>
									<th style="width: 3%;">操作</th>
							</thead>
							<tbody class="biuuu_city_list" id="collect_scenic_list">

							</tbody>
						</table>

					</div>
					
				
				</div>
				
				<!--主体内容 end-->


				<!--页码 start-->
				<div class="bottom_page">
					<div class="my_client_b_l">
					</div>
					<div id="biuuu_city" style="margin: 2px auto;text-align: center;">
						<div style="float: right;padding:7px 20px;" id="bottom">
							<div class="select_wrap select_w" onselectstart="return false">
								<div style="float: left;">
                                <span class="bottom_left_tit">
                                    共 <span id="totalSize">0</span> 行
                                          每页显示行:
                                      </span>
									<span style="float: left;" class="select_span1">
                                    <span id="selectPageSize">
                                        <span id="selectPageSize1">10</span>
                                        <i class="icon-angle-up"></i>
                                    </span>
                                    <ul class="select_ul2" id="select_page_ul" onclick="this.style.display='none'">
                                        <li>10</li>
                                        <li>20</li>
                                        <li>30</li>
                                        <li>50</li>
                                        <li>100</li>
                                    </ul>
                                </span>

								</div>
								<div style="float: left;margin-left: 5px" id="site">
									<button id="first_button" onclick="changeCurrentPage('first')">
										<i class="icon-double-angle-left"></i>
									</button>
									<button id="last_button" onclick="changeCurrentPage('last');">
										<i class="icon-angle-left"></i></button>
									<div class="page_numdiv">
										<span id="currentPage">1</span>/<span id="totalPage">1</span>
									</div>
									<button id="next_button" onclick="changeCurrentPage('next');">
										<i class="icon-angle-right"></i></button>
									<button id="end_button" onclick="changeCurrentPage('end')">
										<i class="icon-double-angle-right"></i>
									</button>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--页码 end-->

			</div>

		</div>

		<script type="text/javascript">
	    	$(function(){
	    		layui.use(['laydate','layer','layedit'], function(){
	                $ = layui.jquery;
		              var layedit = layui.layedit,
		              	laydate = layui.laydate;
		              
		            //创建一个编辑器
		            editIndex = layedit.build('L_content');
		            
		            //执行一个laydate实例
					laydate.render({
						elem: '#start' //指定元素
						,type: 'date'
                        ,min:minDate() //设置之前的时间不可以选择
					});
	            })
	    	})

            // 设置最小可选的日期
            function minDate(){
                var now = new Date();
                return now.getFullYear()+"-" + (now.getMonth()+1) + "-" + now.getDate();
            }
	    </script>

	</body>

</html>